html {
	font-size: 16px;
}
body {
	background: url(../../assets/images/add.jpg) no-repeat center;
}
.dynamics_title {
	border-bottom: 1px solid #777;
	> div {
		height: 60px;
		.title_btn {
			width: 70px;
			height: 32px;
			border-radius: 16px;
			background-color: #4294ff;
			color: #fff;
		}
	}
}
main {
	.dynamics_idea {
		margin: 16px 0;
		.idea {
			border: none;
			outline: none;
			width: 100%;
			height: 7.5rem;
			padding: 0px 12px;
			box-sizing: border-box;
			font-size: 14px;
			background: rgba(0, 0, 0, 0);
		}
		.idea_img {
			margin-left: 15px;
			width: 80px;
			height: 80px;
			border-radius: 8px;
			background-color: #777;
		}
		.file {
			display: none;
		}
	}
	.dynamics_address {
		height: 60px;
		border-top: 1px solid #777;
		border-bottom: 1px solid #777;
		.iconfont {
			font-size: 24px;
		}
	}
	.dynamics_public {
		height: 60px;
		.iconfont {
			font-size: 24px;
		}
		.switch {
			font-size: 17px;
			position: relative;
			display: inline-block;
			width: 3.5em;
			height: 2em;
		}

		/* Hide default HTML checkbox */
		.switch input {
			opacity: 0;
			width: 0;
			height: 0;
		}

		/* The slider */
		.slider {
			position: absolute;
			cursor: pointer;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #ccc;
			transition: 0.4s;
			border-radius: 30px;
		}

		.slider:before {
			position: absolute;
			content: "";
			height: 1.4em;
			width: 1.4em;
			border-radius: 20px;
			left: 0.3em;
			bottom: 0.3em;
			background-color: white;
			transition: 0.4s;
		}

		input:checked + .slider {
			background-color: rgb(0, 221, 80);
		}

		input:focus + .slider {
			box-shadow: 0 0 1px rgb(0, 221, 80);
		}

		input:checked + .slider:before {
			transform: translateX(1.5em);
		}
	}
}
